<template>
	<Transfer v-model="value" @rightValue="handlevalue($event)" :title="leftTitle" :righttitle='rightTitle'
		:data="this.dataList" :rightdata="tagList">
	</Transfer>
</template>

<script>
	import Transfer from '@/views/3.18周测试/Transfer.vue'

	export default {
		components: {
			Transfer,
		},
		data() {
			return {
				dataList: [
					{ id: 1, name: '数据1', isSelected: false },
					{ id: 2, name: '数据2', isSelected: false },
					{ id: 3, name: '数据3', isSelected: false },
					{ id: 4, name: '数据4', isSelected: false },

				],
				leftTitle: "左侧标题",
				rightTitle: "右侧标题",
				value: [],
				tagList: [],
			}
		},
		methods: {
			handlevalue(i) {
				console.log(i);
			}

		},

	}
</script>

<style scoped>
	.left,
	.right {
		width: 200px;
	}

	.btns {
		width: 125px;
		padding-top: 90px;
	}

	button {
		margin: 10px;
	}
</style>
